<template>
	<div class="base-info-content">
        <el-form ref="ruleFormRef" :model="props.goodsData" :rules="rules" label-width="150px">
            <el-form-item label="商品详情：">
                <section style="max-width: 1400px;">
                    <Editor height="520px" v-model:get-html="props.goodsData.note" />
                </section>
            </el-form-item>
		</el-form>
	</div>
</template>

<script setup lang="ts" name="funWangEditor">
import { defineAsyncComponent, reactive } from 'vue';
// 引入组件
const Editor = defineAsyncComponent(() => import('/@/components/editor/index.vue'));
const props = defineProps({
	goodsData: {
		type: Object,
		default: () => {},
	}
})
const rules = reactive<FormRules<any>>({
	note: [{ required: true, message: '请输入商品详情', trigger: 'blur' }],
})

</script>
